<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML语义化</title>
</head>
<body>
    <!-- 网页信息头部 -->
  <header>
   <h1>网页标题或logo</h1>
  </header> 
  <!-- 网页导航信息 --> 
  <nav>
    <ul>
    <li><a href="../base/index.html">首页</a></li>
    <li><a href="#">公司概况</a></li>
    <li><a href="#">关于我们</a></li>
</ul>
  </nav>
  <!-- 无具体语义，非常适合阅读模式-->
  <main>
  <!-- 有意义的独立信息区域 -->
  <article>
    <header>
        <h1>新闻标题</h1>
        <h2>新闻副标题</h2>
    </header>
    <!-- 信息内容的不同区域 -->
        <section>
            新闻作者，发表时间，阅读次数等信息
        </section>
        <section>新闻主要内容</section>
        <section>
            <p>发表讨论</p>
            <article>
                <h3>张三发表</h3>
                <p>实在</p>
            </article>
            <article>
                <h3>李四发表</h3>
                <p>很好</p>
            </article>
        </section>
    <footer>
        作者简介
    </footer>
  </article>
  <!-- 独立相关内容 -->
  <abbr title="万维网">WWW</abbr><br>
  <dfn>定义术语</dfn><br>
  <mark>高亮标记</mark><br>
  <code>int i;</code><br>
  <small>法律条文</small><br>
  <input type="color" name="" id="">
  <input type="email" name="" id="">
  <input type="tel" name="" id="">
  <input type="url" name="" id="">
  <input type="date" name="" id="">
  <input type="month" name="" id="">
  <input type="week" name="" id="">
  <input type="time" name="" id="">
  <hr>
  <aside>
    当前新闻相关的其他新闻内容
  </aside>
  </main>
  <footer>
    <p>网页底部</p>
    <!--指明为地址信息 -->
    <address>地址：江西省九江市濂溪区</address>
  </footer>
</body>
</html>